<template>
  <div :style="cloroRGB">
    <slot></slot>
  </div>

</template>

<script>
import { utilJs } from "@/utils/common.js";
export default {
  name: 'gradientButton',
  props: {
  },
  computed: {
    cloroRGB() {
      return utilJs.getRgbStr(this.theme, '', 0.5);
    }
  },
  data() {
    return {
      theme: localStorage.getItem("colorName") || 'mb5_default',
    }
  },

  methods: {
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
